* {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

body {
    font-size: 14px;
}

.box-sizing {
    box-sizing: border-box;
}

.inline-box {
    font-size: 0;
}

.inline-block {
    display: inline-block;
    vertical-align: middle;
}

.hide-words {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.content-area {
    width: 1100px;
    margin: auto;
}

.top-bar {
    width: 100%;
    padding: 8px;
    font-size: 13px;
    background-color: #303d4a;
    text-align: right;
}

.top-bar a,.top-bar a:visited {
    color: #fff;
    text-decoration: none;
    margin-left: 10px;
}

.top-column {
    width: 100%;
    padding: 15px 0;
    background-color: #fff;
}

.top-column .logo {
    width: 180px;
    height: auto;
    overflow: hidden;
}

.top-column .logo>img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.top-column .logo,.top-column .col-list {
    vertical-align: bottom;
}

.top-column .col-list {
    width: 920px;
    text-align: right;
    font-size: 15px;
}

.top-column .col-list>a {
    color: #000;
    margin-left: 15px;
    text-decoration: none;
    padding-bottom: 5px;
    border-bottom: #fff solid 3px;
}

.top-column .col-list>a.chosen {
    color: #ff7200;
    border-bottom: #ff7200 solid 3px;
}

.carousel-indicators {
    bottom: 0;
}

.carousel-indicators li {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin-left: 5px;
    margin-right: 5px;
}

.carousel-indicators li.active {
    width: 32px;
}

.footer-box {
    width: 100%;
    background-color: #393d40;
    padding: 15px 0;
    color: #fff;
}

.footer-box .content-area .logo {
    width: 20%;
    padding-top: 6.58823%;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url('../image/logo_image_footer_fff.png');
}

.footer-box .content-area .copyright {
    width: 30%;
    font-size: 14px;
    color: #989797;
    line-height: 26px;
    margin-right: 2%;
}

.footer-box .content-area .link-box {
    width: 33%;
    margin-right: 5%;
    text-align: center;
}

.footer-box .content-area .link-box .link-item,.footer-box .content-area .link-box .link-item:visited {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    margin-right: 30px;
}

.footer-box .content-area .ewm-box {
    width: 10%;
}

.footer-box .content-area .ewm-box>img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.footer-box .content-area .ewm-box .tips {
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
}

.body-content-bgcolor {
    background-color: #f1f1f1;
}

.middle-content {
    margin-top: 20px;
    margin-bottom: 20px;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
}

.middle-content.content-area .left-info-column {
    vertical-align: top;
    width: 20%;
    box-sizing: border-box;
    padding: 0 13px 0 0;
    font-size: 14px;
    color: #737171;
    display: table-cell;
}

.middle-content.content-area .left-info-column .user-info {
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
    background-color: #fff;
    box-shadow: 0 1px 1px 2px rgba(0,0,0,.1);
}

.middle-content.content-area .left-info-column .user-info .shotcut {
    width: 60%;
    padding-top: 60%;
    border-radius: 100%;
    margin: 10px auto 10px auto;
    background-color: #ff7200;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.middle-content.content-area .left-info-column .user-info .phone {
    width: 100%;
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
}

.middle-content.content-area .left-info-column .user-info .edit-btn,.middle-content.content-area .left-info-column .user-info .edit-btn:visited {
    display: block;
    width: 40%;
    box-sizing: border-box;
    padding: 3px 5px;
    font-size: 14px;
    color: #fff;
    background-color: #ff0000;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 15px;
    text-decoration: none;
}

.middle-content.content-area .left-info-column .clist-box {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 8px;
    background-color: #fff;
    box-shadow: 0 1px 1px 2px rgba(0,0,0,.1);
    margin-top: 10px;
}

.middle-content.content-area .left-info-column .clist-box .cline {
    width: 90%;
    margin: 15px auto 0 auto;
}

.middle-content.content-area .left-info-column .clist-box .cline:first-child {
    margin-top: 0;
}

.middle-content.content-area .left-info-column .clist-box .cline.chosen .name {
    color: #ff0000;
}

.middle-content.content-area .left-info-column .clist-box .cline .icon {
    width: 10%;
    padding-top: 10%;
    margin-right: 3%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.middle-content.content-area .left-info-column .clist-box .cline .icon.my-publish {
    background-image: url('../image/icon_list_record_ff7200.png');
}

.middle-content.content-area .left-info-column .clist-box .cline .icon.publish-need {
    background-image: url('../image/icon_list_publish_ff7200.png');
}

.middle-content.content-area .left-info-column .clist-box .cline .icon.publish-image {
    background-image: url('../image/icon_list_image_ff7200.png');
}

.middle-content.content-area .left-info-column .clist-box .cline .icon.publish-video {
    background-image: url('../image/icon_list_video_ff7200.png');
}

.middle-content.content-area .left-info-column .clist-box .cline .icon.publish-plan {
    background-image: url('../image/icon_list_plan_ff7200.png');
}

.middle-content.content-area .left-info-column .clist-box .cline .name {
    font-size: 16px;
    color: #868686;
    text-decoration: none;
}

.middle-content.content-area .right-content-box {
    width: 78%;
    box-sizing: border-box;
    padding: 8px;
    margin-left: 2%;
    background-color: #fff;
    box-shadow: 0 1px 1px 2px rgba(0,0,0,.1);
    display: table-cell;
}

.middle-content.content-area .right-content-box>form {
    width: 70%;
    margin: 20px auto;
}

.middle-content.content-area .right-content-box>.content-list-box {
    width: 98%;
    margin: auto;
    padding: 5px 0;
}

.middle-content.content-area .right-content-box>form>input.no-title,.middle-content.content-area .right-content-box>form>textarea.no-title {
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    border: #ff7200 solid 1px;
    font-size: 18px;
    background-color: #fff;
    margin-bottom: 15px;
    color: #737171;
}

.middle-content.content-area .right-content-box>form textarea {
    resize: none;
}

.middle-content.content-area .right-content-box>form .submit-btn {
    display: block;
    width: 25%;
    margin-left: 10%;
    font-size: 20px;
    color: #fff;
    background-color: #ff7200;
    border: none;
    border-radius: 5px;
    padding: 3px 0;
}

.middle-content.content-area .right-content-box>form .pc-form-line {
    width: 100%;
    margin-bottom: 20px;
}

.middle-content.content-area .right-content-box>form .pc-form-line .title {
    width: 10%;
    font-size: 18px;
    color: #737171;
}

.middle-content.content-area .right-content-box>form .pc-form-line .ibox {
    width: 90%;
    font-size: 18px;
    color: #737171;
}

.middle-content.content-area .right-content-box>form .pc-form-line .progress-line {
    margin-top: 20px;
    width: 100%;
    height: 18px;
    border: #ff7200 solid 1px;
    overflow: hidden;
}

.middle-content.content-area .right-content-box>form .pc-form-line .progress-line .progress-bg {
    width: 0%;
    height: 100%;
    background-color: #ff7200;
}

.middle-content.content-area .right-content-box>form .pc-form-line.long-title .title {
    width: 17%;
}

.middle-content.content-area .right-content-box>form .pc-form-line.long-title .ibox {
    width: 83%;
}

.middle-content.content-area .right-content-box>form .pc-form-line.middle-title .title {
    width: 15%;
}

.middle-content.content-area .right-content-box>form .pc-form-line.middle-title .ibox {
    width: 85%;
}

.middle-content.content-area .right-content-box>form .pc-form-line a.video-btn,.middle-content.content-area .right-content-box>form .pc-form-line a.video-btn:visited {
    color: #ff7200;
    cursor: pointer;
}

.middle-content.content-area .right-content-box>form .pc-form-line  a.video-btn .vicon {
    width: 6%;
    padding-top: 6%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../image/icon_video_uploader_ff7200.png');
}

.middle-content.content-area .right-content-box>form .pc-form-line  a.video-btn .vwords {
    font-size: 18px;
    margin-left: 2%;
    margin-right: 2%;
    font-weight: bold;
}

.middle-content.content-area .right-content-box>form .pc-form-line  a.video-btn .vname {
    font-size: 18px;
    color: #737171;
}

.middle-content.content-area .right-content-box>form .pc-form-line  a.video-btn .vname.hide {
    display: none;
}

.middle-content.content-area .right-content-box>form .pc-form-line  a.video-btn .vname.show {
    display: inline-block;
}

.middle-content.content-area .right-content-box>form .pc-form-line  a.video-btn .vname .vdel {
    font-size: 14px;
    padding: 0 10px;
    color: #aaa;
}

.middle-content.content-area .right-content-box>form .pc-form-line  a.video-btn>input[type=file] {
    display: none;
}

.middle-content.content-area .right-content-box>form .pc-form-line .ibox>input {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: #737171 solid 1px;
    font-size: 18px;
    background-color: #fff;
    color: #737171;
}

.middle-content.content-area .right-content-box>form .pc-form-line .ibox textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    border: #737171 solid 1px;
    font-size: 18px;
    background-color: #fff;
    color: #737171;
    resize: none;
}

.page-box {
    margin-top: 20px;
}

.middle-content.content-area .right-content-box .page-box {
    font-size: 14px;
}

.page-box .pagination .page-item .page-link {
    color: #ff7200;
}

.page-box .pagination .page-item.active .page-link {
    color: #fff;
    background-color: #ff7200;
    border-color: #ff7200;
}

.page-box.right .pagination {
    text-align: right;
}

.transparent-masker {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 200;
    display: none;
}

.transparent-masker.show {
    display: block;
}